page {
  min-height: 100%;
  background-color: #f6f6f6;
  font-size: 28rpx;
}
/* tab切换 */
.tabs {
	width: 100%;
	height: 80rpx;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #fff;
	border-bottom: 4rpx solid #E54D42;
}
.tabs text {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	color: #666;
	font-size: 30rpx;
	border-top-left-radius: 20rpx;
	border-top-right-radius: 20rpx;
}
.tabs .active {
	background: #E54D42;
	color: #fff;
	letter-spacing: 2rpx;
}
/* 到店自提 */
.store {
	padding: 10rpx 15rpx;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
	position: relative;
	margin-bottom: 10rpx;
}
.store image {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.store .people {
	width: 100%;
	height: 60rpx;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10rpx;
	z-index: 9;
}
.store .people text {
	width: 200rpx;
	color: #333;
	font-size: 28rpx;
	text-align: inherit;
}
.store .people input {
	width: 530rpx;
	height: 60rpx;
	background: #f7f7f7;
	text-align: left;
	color: #666;
	font-size: 28rpx;
	padding-left: 10rpx;
	box-sizing: border-box;
}
.store .storeInfo {
	width: 100%;
	color: #999;
	font-size: 24rpx;
	padding: 20rpx 0;
	z-index: 9;
}
/* 选择地址 */
.changeAddress{
  position: relative;
  top: 1rpx;
  width: 100%;
}
.changeAddress>image{
  width: 100%;
  height: 120rpx;
}
.addressList,.addressListNone{
  position: absolute;
  top: 0;
  left: 0;
  margin-right: 20rpx;
  padding: 10rpx 30rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.addressList>image{
  width:18rpx;
  height:32rpx;
  margin-left: 40rpx;
  vertical-align:middle;
}

.addressList-list-top{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 32rpx;
  font-weight: 700;
}
.addressList-list-bottom{
   width: 570rpx;
  padding-left: 52rpx;
  color: #bfbfbf;
  font-size: 26rpx;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.addressList-list-top>view{
  width: 570rpx;
  margin-left: 20rpx;
  font-size: 30rpx;
}
.add1{
  float: left;
}
.add2{
  float: right;
}
.addressList-list-top>image{
  width: 36rpx;
  height: 36rpx;
}
.addressListNone{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 110rpx;
}
.addressListNone>view{
  font-size: 30rpx;
  margin-left: 20rpx;
  color: gray;
}
.addressImg{
  width: 60rpx;
  height: 60rpx;
}
/* 选择地址End */
.right{
  width:18rpx;
  height:32rpx;
  vertical-align:middle;
}
.popup-warp{
  padding: 30rpx;
  height: 150rpx;
  border-bottom: 2rpx solid #E8E8E8; 
  background: #ffffff;
}
.popup-pic image{
  width: 150rpx;
  height: 150rpx;
  background: #E51F54;
}
.pop-warp{
  width: 520rpx;
}
.pop-title{
  font-size: 28rpx;
  color: #363636;
  height: 80rpx;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:2;
}
.pop-spec{
  color: #B2B2B2;
  font-size: 24rpx; 
  line-height: 40rpx;
}
.pop-current{
  font-size: 30rpx;
  display: inline-block;
}
.pop-repertory{
  color: #B1B1B1;
  font-size: 24rpx;
}
.pop-current text{
  color: #E51F54;
}
.total-warp{
  height: 96rpx;
  margin-bottom: 20rpx;
  background: #ffffff;
}
.total{
  padding: 30rpx;
}
.total-num{
  display: inline-block;
  font-size: 30rpx;
}
.total-price{
  display: inline-block;
  font-size: 28rpx;
  color: #E51F54;
}
.address{
  height: 36rpx;
  background: #ffffff;
  padding: 30rpx;
  border-bottom: 2rpx solid #E8E8E8;
  display: flex;
  justify-content: space-between;
}
.address image{
  width: 18rpx;
  height: 32rpx;
  vertical-align: middle;
}
.address input{
  overflow: visible;
  text-align: right;
}
.r-warp{ 
  margin-bottom: 20rpx;
  font-size: 28rpx;
  color: #000000;
  background: #fff;
}
.r-choice image{
  width: 18rpx;
  height: 32rpx;
  vertical-align: middle;
}
.r-title{
  display: inline-block;
  padding-right: 18rpx;
  color: #E51F54;
  font-size: 28rpx;
}
/* 修改 */
.tot-bot{
  /* position: fixed;
  bottom: 0;
  left: 0; */
  width: 100%;
  height: 96rpx;
  background: #ffffff;
  line-height: 36rpx;
}
.tot-btn{
  width: 280rpx;
  height: 96rpx;
  background: #E51F54;
  color: #ffffff;
  font-size: 30rpx;
  text-align: center;
  line-height: 96rpx;
}
.bai{
   height: 220rpx;
   width: 100%
}

/* 自定义表单 */
.form{
  padding: 0rpx 30rpx;
  margin-top: 30rpx;
  background-color: #fff;
}
.form .content>view{
  display: flex;
  margin-top: 20rpx;
  padding-bottom: 20rpx;
  border-bottom: 1rpx solid #ccc;
}
.form .content>view text{
   color: red
}
.form .content>view .name{
  width: 25%
}
.form .content>view input,
.form .content>view textarea{
  width: 72%;
  padding: 0 30rpx;
}
checkbox-group {
  display: flex;
  flex-wrap: wrap

}
.checkbox{
  margin: 15rpx 10rpx;
}
.imgupload{
  width: 30%;
  height: 150rpx;
  background-color: #eee;
  text-align: center;
}
.imgupload .img{
   width: 80rpx;
   height: 80rpx;
   margin-top: 35rpx;
}
.imgupload image{
  max-width: 100%;
  max-height:100%
}
.tijiao{
  margin-top: 40rpx
}
.yuedu{
   width: 100%;
   font-size: 25rpx;
   padding: 0 20rpx;
   background-color: #fff;
   position: fixed;
   bottom: 100rpx
}
.yuedu>view{
   display: flex;
}
.yuedu .cont{
   line-height: 65rpx
}
.yuedu text{
color: red
}
/* 支付方式 */
.Onelayer{
  width:100%;
  height:100%;
  position:fixed;
  background-color: rgba(0,0,0,0.3);
  z-index:9999;
  top:0;
  left:0;
  /* opacity:0.5; */
}
.Towlayer{
  background: white;
  position: absolute;
  width: 60%;
  height: 300rpx;
  left: 23%;
  top: 35%;
  border-radius: 30rpx;
}
.layerHead{
  text-align: center;
  padding: 20rpx 0;
  border-bottom: 1px solid #f3f3f3;
}
.close{
  width: 40rpx;
  height: 40rpx;
  position: absolute;
  right: 20rpx;
}
/* 修改 */
.blockLayer{
  /* padding: 25rpx; */
  width: 690rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100rpx;
  border-radius: 15rpx;
  position: relative;
  left: 30rpx;
  color: #fff;
  font-size: 32rpx;
}
.wx {
	background: #04BE02;
}
.money {
	background: #BBFFFF;
}
.payImg{
  width: 50rpx;
  height: 50rpx;
  position: relative;
  top: 10rpx;
  margin-right: 20rpx;
  /* margin-top: 15rpx; */
}